<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Opportunity
        <small>Opportunity Detail</small>
    </h1>
    <ol class="breadcrumb">
        <li><a ui-sref="main.dashboard"><i class="fa fa-dashboard"></i> Dashboard</a>
        </li>
        <li><a ui-sref="main.account">Opportunity</a>
        </li>
        <li class="active">Mike Doe</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <div class="nav-tabs-custom" bs-tabs>
        <!-- use data-title instead of title attribute to avoid the default browser behavior of title -->
        <div data-title="<i class='fa fa-user'></i> Profile" bs-pane>
            <div class="tab-pane active" id="profile">
                <!-- title row -->
                <div class="row">
                    <div class="col-xs-12">
                        <h2 class="page-header">
                            <i class="fa fa-user"></i> Mike Doe
                            <small class="pull-right">Last Update Date: 2/10/2014</small>
                        </h2>
                    </div>
                    <!-- /.col -->
                </div>

                <div class="row">
                    <div class="col-sm-12">
                        <dl class="dl-horizontal">
                            <dt class="text-muted">Stage:</dt>
                            <dd>
                                <span class="label label-success">Approved</span>
                            </dd>
                            <dt class="text-muted">Opportunity Owner:</dt>
                            <dd>Toto Lara</dd>
                            <dt class="text-muted">Account Name:</dt>
                            <dd>disqus groupo</dd>
                            <dt class="text-muted">Close Date:</dt>
                            <dd>2/10/2014</dd>
                            <dt class="text-muted">Type:</dt>
                            <dd>Joly Hdy</dd>
                            <dt class="text-muted">Primary Campaign Source:</dt>
                            <dd>E-Commercial</dd>
                            <dt class="text-muted">Probability:</dt>
                            <dd>E121321</dd>
                            <dt class="text-muted">Amount:</dt>
                            <dd>232423.34</dd>
                        </dl>
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->

                <div class="row">
                    <div class="col-sm-6">
                        <p class="lead"><i class="fa fa-info"></i> Additional Information</p>
                        <dl class="dl-horizontal">
                            <dt class="text-muted">Next Step:</dt>
                            <dd>China</dd>
                            <dt class="text-muted">Lead Source:</dt>
                            <dd>123456</dd>
                            <dt class="text-muted">Description:</dt>
                            <dd>Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab</dd>
                        </dl>
                    </div>
                    <!-- /.col -->
                </div>

                <!-- this row will not appear when printing -->
                <div class="row no-print">
                    <div class="col-xs-12">
                        <button class="btn btn-sm btn-default" onclick="window.print();"><i class="fa fa-print"></i> Print</button>
                        <button class="btn btn-sm btn-primary pull-right"><i class="fa fa-download"></i> Generate PDF</button>
                    </div>
                </div>
            </div>
        </div>
        <div data-title="<i class='fa fa-rss'></i> Activity" bs-pane>Activity</div>
        <div data-title="<i class='fa fa-bars'></i> Contact Roles" bs-pane>Contact Roles</div>
        <div data-title="<i class='fa fa-bars'></i> Campaign Influence" bs-pane>Campaign Influence</div>
        <div data-title="<i class='fa fa-bars'></i> Products" bs-pane>Products</div>
        <div data-title="<i class='fa fa-bars'></i> Quotes" bs-pane>Quotes</div>
        <div data-title="<i class='fa fa-envelope'></i> Email History" bs-pane>Email History</div>
        <div data-title="<i class='fa fa-info'></i> Note &amp; Attachment" bs-pane>Note &amp; Attachment</div>

    </div>
</section>
